﻿body {
  padding-top: 50px;
}
hr {
  border-color: #dddddd;
}
.hidden {
  display: none;
  visibility: hidden;
}
.show {
  display: block;
  visibility: visible;
}
.btn-big {
  width: 100px;
}
.btn-big i {
  width: 100%;
  font-size: 60px;
  text-align: center;
}
.btn-big span {
  float: left;
  width: 100%;
  font-size: 20px;
}
/* ----------------------------------------- */
/* -------- Jquery ui css overrides -------- */
/* ----------------------------------------- */
.ui-selecting {
  background-color: #c7c7c7;
}
.ui-selected {
  background-color: #f5f5f5;
}
.form-control[readonly] {
  background-color: #fff7f7;
}
/* ----------------------------- */
/* -------- App helpers -------- */
/* ----------------------------- */
.active-item {
  background-color: #f5f5f5;
}
.currency-text:before {
  content: '$';
}
/*.green {
    background-color:#5cb85c;
    border-color:#4cae4c;
    color:#ffffff;
}
.light-blue {
    background-color:#5bc0de;
    border-color:#46b8da;
    color:#ffffff;
}*/
.no-margin {
  margin: 0;
}
/* --------------------------- */
/* -------- Form Size -------- */
/* --------------------------- */
.form-inputs-xxsmall button.form-control,
.form-inputs-30 input.form-control,
.form-inputs-30 textarea.form-control {
  width: 30px;
}
.form-inputs-small button.form-control,
.form-inputs-100 input.form-control,
.form-inputs-100 textarea.form-control {
  width: 100px;
}
.form-inputs-small button.form-control,
.form-inputs-200 input.form-control,
.form-inputs-200 textarea.form-control {
  width: 200px;
}
/*.input-w-50 {
    width: 50px;
}

.input-w-100, .input-w-100 {
    width: 100px;
}
.input-w-200 {
    width: 200px;
}*/
.btn.btn-2,
.btn.btn-sm {
  padding: 5px 10px;
}
.btn-2 i,
.btn-sm i {
  font-size: 40px;
}
/* ----------------------------------------- */
/* -------- Fonts Awesome css overrides -------- */
/* ----------------------------------------- */
.fa {
  cursor: pointer;
}
.fa:hover {
  color: #c7c7c7;
}
.btn-info .fa:hover {
  color: #ffffff;
}
.btn-success .fa:hover {
  color: #ffffff;
}
/* ----------------------------------------- */
/* -------- Backgrid Extensions -------- */
/* ----------------------------------------- */
.boolean-cell input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.cell-sm,
.cell-w-50 {
  width: 50px;
}
.cell-md,
.cell-w-100 {
  width: 100px;
}
.delete-cell {
  color: #ff0000;
  font-size: 20px;
  text-align: center !important;
}
/*.currency-cell:before {
    content: '$';
}*/
.delete-cell {
  color: #ff0000;
  font-size: 20px;
  text-align: center !important;
}
.string-center-cell {
  text-align: center !important;
}
.string-left-cell {
  text-align: left !important;
}
.moment-center-cell {
  text-align: center !important;
}
.button-cell {
  text-align: center !important;
}
.button-cell button {
  margin: 0 auto 0 auto;
}
/* ----------------------------------------- */
/* -------- Backgrid Overrides -------- */
/* ----------------------------------------- */
.form-group form.backgrid-filter.form-search {
  margin: 0 0 0 5px;
  display: inline-block;
  vertical-align: middle;
}
/* ----------------------------------------- */
/* -------- Bootstrap Overrides -------- */
/* ----------------------------------------- */
.btn[disabled=disabled] {
  background-color: #dcdcdc;
  border-color: #808080;
  color: #606062;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding: 0;
}
.row,
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-group input[type='checkbox'] ~ .control-label {
  margin-top: -7px;
  cursor: pointer;
}
.form-inline .form-group.show {
  display: inline-block !important;
}
@media (min-width: 768px) {
  .navbar-collapse.collapse.col-md-4 {
    width: 33.33%;
  }
  .navbar-collapse.collapse.col-md-5 {
    width: 41.66666667%;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    top: 2px;
    position: relative;
  }
}
/* ----------------------------------------- */
/* -------- Other Overrides -------- */
/* ----------------------------------------- */
.clear_input_div {
  display: inline-block;
}
